<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="vi">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />
<title>Fancy Design</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.js"></script>
<script type="text/javascript">
	$(function() {
		$("#products").jCarouselLite({
			vertical : true,
			visible : 2,
			auto : 3000,
			speed : 1000,
			circular : true
		});
});
</script>

</head>

<body>
<div class="wrapper">
	<div class="header">
    	<div class="logo">
        	<img src="http://localhost/wordpress/wp-content/themes/fancy/images/logo.png" />
        </div>
        <div class="social-counter">
        	<ul>
            	<li>
            		<img src="http://localhost/wordpress/wp-content/themes/fancy/images/rss-icon.png" />
                    <span class="counter">20,000</span>
                </li>
                <li>
                	<img src="http://localhost/wordpress/wp-content/themes/fancy/images/twitter-icon.png" />
                    <span class="counter">1,280</span>
                </li>
                <li>
                	<img src="http://localhost/wordpress/wp-content/themes/fancy/images/facebook-icon.png" />
                    <span class="counter">4,889</span>
                </li>
                <li>
                    <form style="margin-top:-5px;" action="" method="get">
	<p id="s"><input name="s" type="text" size="10" maxlength="15" value="" /></p>
</form>                </li>
            </ul>
        </div>
    </div>
    <div class="menu">
        <ul>
            <li class="page_item page-item-31"><span><a href="http://localhost/wordpress/?page_id=31" title="Trang chủ">Trang chủ</a></span></li>
<li class="page_item page-item-23"><span><a href="http://localhost/wordpress/?page_id=23" title="Portfolio">Portfolio</a></span></li>
<li class="page_item page-item-2"><span><a href="http://localhost/wordpress/?page_id=2" title="Thông tin cá nhân">Thông tin cá nhân</a></span></li>
<li class="page_item page-item-33"><span><a href="http://localhost/wordpress/?page_id=33" title="Liên hệ">Liên hệ</a></span></li>
        </ul>
    </div>
<div class="wrapper-content">
	<div class="wrapper-gallery">
    	<div class="menu-gallery">
        	 <ul>
            	<a href="#"><li>All</li></a>
            	<a href="#"><li>Branding</li></a>
            	<a href="#"><li>Logo</li></a>
            	<a href="#"><li>Print</li></a>
            </ul>
        </div><!--end .menu-gallery-->
        
       	<ul class="gallery-item">
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
            <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
             <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
             <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
             <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
             <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
             <li>
            	<a href="#">
                	<img src="images/gallery-img.png" />
                    <p> NII team</p>    
            	</a>
            </li>
        </ul><!--end .gallery-item-->
    </div><!--end .wrapper-gallery-->
</div> <!--end .wrapper-content-->
    <div class="footer-wapper">
    
    
    
    	<div class="footer-title">
        	<ul>
            	<li>ABOUT ME</li>
                <li>WHAT I DO</li>
                <li>CONTACT ME</li>
            </ul>
        </div><!--end .footer-title-->
        
        
        
        <div class="footer-content">
        	<ul>
            	<li>
                	<p>sorry, no post to display</p>                    
                </li>
            	<li>
                	<p>sorry, no post to display</p>                </li>
            	<li>
                <p>sorry, no post to display</p>                	
                </li>
            </ul>
        </div><!--end .footer-content-->
        
        
        
        <div class="footer">
        	<p>sorry, no post to display</p>        </div><!--end .footer-->
        
        
        
    </div><!--end .footer-wapper-->
</div>
</body>
</html>